<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="/assets/javascript/popup/popup.js"></script>
    <script src="/assets/javascript/popup/orderpopup.js"></script>
    <link rel="stylesheet" type="text/css" href="/assets/styles/specific/order-detail.css"/>
</head>
<body style="overflow-x:hidden;">
        <div class="container" style="top: -380px;">
                <!-- 上面部分 -->
                <!-- <div class="top">  
                    <span style="color:black;position:absolute;margin-left:25px;font-size: 20px;margin-top: 20px">订单详情</span>
                </div> -->
                <!-- 下面部分 -->
                    <div class="main-body">
                        <div class="main-content1">
                            <div class="title"><text>基本信息</text></div>
                            <div class="title-content">
                                <div class="title-content1">
                                    <div class="title-content1-top1">订单号：<input disabled="disabled" th:value="${orderDetail.orderId}"></div>
                                    <div class="title-content1-top2">渠道订单号：<input disabled="disabled"  th:value="${orderDetail.channelCode}"></div>
                                    <div class="title-content1-top3">订单状态：<input disabled="disabled" th:value="${orderDetail.basicState}"></div>
                                </div>
                                <div class="title-content2">
                                    <div class="title-content1-top1">订单来源：<input disabled="disabled"  th:value="${orderDetail.orderSource}"></div>
                                    <div class="title-content1-top2">买家ID：<input disabled="disabled"  th:value="${orderDetail.customerId}"></div>
                                    <div class="title-content1-top3">下单时间：<input disabled="disabled"  th:value="${orderDetail.purchaseTime}"></div>
                                </div>
                                <div class="title-content3">
                                    <div class="title-content1-top1">基本状态：<input disabled="disabled"  th:value="${orderDetail.basicState}"></div>
                                    <div class="title-content1-top2">修改人：<input disabled="disabled"  th:value="${orderDetail.modifiedUser}"></div>
                                    <div class="title-content1-top3">修改时间：<input disabled="disabled"  th:value="${orderDetail.updated}"></div>
                                </div>
                                <div class="title-content3">
                                    <div class="title-content1-top1">备注：<input disabled="disabled" th:value="${orderDetail.remark}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="main-content2">
                            <div class="title"><text>支付信息</text></div>
                                <div class="title-content">
                                    <div class="title-content1">
                                        <div class="title-content1-top1">支付状态：<input disabled="disabled"  th:value="${orderDetail.paymentState}"><span></span></div>
                                        <div class="title-content1-top2">付款方式：<input disabled="disabled"  th:value="${orderDetail.paymentWay}"><span></span></div>
                                        <div class="title-content1-top3">付款时间：<input disabled="disabled"  th:value="${orderDetail.paymentTime}"><span></span></div>
                                    </div>
                                    <div class="title-content2">
                                        <div class="title-content1-top1">商品总价：<input disabled="disabled"  th:value="${orderDetail.sumPrice}"><span></span></div>
                                    </div>
                                </div>
                        </div>

                        <div class="main-content3">
                                <div class="title"><text>配送信息</text></div>
                                <div class="title-content">
                                    <div class="title-content1">
                                        <div class="title-content1-top1">发货仓库：<input disabled="disabled"  th:value="${orderDetail.deliveryWarehouse}"><span></span></div>
                                        <div class="title-content1-top2">物流公司：<input disabled="disabled"  th:value="${orderDetail.deliveryCompany}"><span></span></div>
                                        <div class="title-content1-top3">物流单号：<input disabled="disabled"  th:value="${orderDetail.deliveryCode}"><span></span></div>
                                    </div>
                                    <div class="title-content2">
                                        <div class="title-content1-top1">发货时间：<input disabled="disabled"  th:value="${orderDetail.deliveryTime}"><span></span></div>
                                    </div>
                                </div>
                        </div>

                        <div class="main-content4" >
                            <div class="title"><text>收货人信息</text></div>
                            <button class="btn1" id="edit" onclick="edit()">编辑</button>
                            <button class="btn2" id="notEdit" onclick="notEdit()">取消编辑</button>
                            <button class="btn3" onclick="editReceiver()">保存</button>
                            <div class="address-information" id="frm">
                                <div class="address-tel">
                                    <input type="text" hidden id="receiver_id" th:value="${orderDetail.receiverId}" />
                                    <text>收货人:</text>
                                    <input type="text" disabled="disabled" id="receiver_name" th:value="${orderDetail.receiverName}"/>
                                    <text>&nbsp;&nbsp;&nbsp;&nbsp;联系电话:</text>
                                    <input type="text" disabled="disabled" id="receiver_mobile" th:value="${orderDetail.receiverMobile}"/>
                                </div>
                                <br>
                                <div class="address-city">
                                    <text>省:</text>
                                    <input type="text" disabled="disabled" id="receiver_state" th:value="${orderDetail.receiverState}"/>
                                    <text>&nbsp;&nbsp;&nbsp;&nbsp;市:</text>
                                    <input type="text" disabled="disabled" id="receiver_city" th:value="${orderDetail.receiverCity}"/>

                                    <text>&nbsp;&nbsp;区:</text>
                                    <input type="text" disabled="disabled" id="receiver_district" th:value="${orderDetail.receiverDistrict}" />
                                </div>
                                <br>
                                <div class="address-detail">
                                    <text>详细地址:</text>
                                    <input type="text" id="receiver_address" disabled="disabled" th:value="${orderDetail.receiverAddress}"/>
                                </div>
                            </div>
                        </div>
  
                         <div class="main-content5">
                            <div class="main-content5-title"><text style="font-size:20px;">商品信息</text></div>
                                <table class="table table-condensed">
                                <thead>
                                <tr class="tr-title">
                                    <th>商品编码</th>
                                    <th>商品名称</th>
                                    <th>商品单价</th>
                                    <th>商品数量</th>
                                    <th>商品总价</th>
                                </tr>
                                </thead>

                                <tr th:each="ml,mlstat:${orderGoodsDetails}">
                                    <td class="ttdd" th:text="${ml.goodsCode}"></td>
                                    <td th:text="${ml.goodsName}"></td>
                                    <td th:text="${ml.unitPriceForOrder}"></td>
                                    <td th:text="${ml.num}"></td>
                                    <td th:text="${ml.totalPrice}"></td>
                                </tr>


                                    <td style="font-size: 15px;"><strong>总计</strong></td>
                                    <td></td>
                                    <td></td>
                                    <td th:text="${sumNum}"></td>
                                    <td th:text="${sumTotalPrice}"></td>
                                    <td></td>
                                </tr>
                             </tr>
                            </table>
                        </div> 
                    </div>
            </div>
</body>

<script type="text/javascript" src="/page/js/receiver.js"></script>

</html>